
<!DOCTYPE HTML>
<html ng-app="MainModule">
<head>
<title>Preview</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<link href="css/easy-responsive-tabs.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" href="css/global.css">
<script src="js/slides.min.jquery.js"></script>
    <style>
        .main{
            font-size: 18px;;
        }
        .table_desc{
            font-size: 14px;;
        }
         .menu ul{
             margin-bottom: 0 !important;
         }
    </style>
    <style>
        .advertising{
            position: relative;
            top:25px;
            left: 140px;
            height: 130px;
            width: 750px;
            overflow: hidden;
        }
        .advertising_middle{
            position: relative;
            left:200px;
        }
    </style>
</head>
<body>
  <div class="wrap" ng-controller="ReadMoreCtrl">
	<div class="header">
		<div class="headertop_desc" ng-controller="AdminCtrl">
			<div class="call">
				 <p><span>Need help?</span> call us <span class="number">{{OtherInfo[0].Telephone}}</span></span></p>
			</div>

			<div class="clear"></div>
		</div>
        <div class="header_top">
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt="" /></a>
            </div>
            <div class="advertising">

            </div>
            <div class="clear"></div>

	 <div class="clear"></div>
  </div>
	<div class="header_bottom">
        <div class="menu">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="Products.html">Products</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="news.html">News</a></li>
                <li><a href="contact.html">Contact</a></li>
                <div class="clear"></div>
            </ul>
        </div>

	     	<div class="clear"></div>
	     </div>	     	
   </div>
 <div class="main">
    <div class="content">

    	<div class="section group">
				<div class="cont-desc span_1_of_2">
				  <div class="product-details">				
					<div class="grid images_3_of_2">
						<div id="container">
						   <div id="products_example">
							   <div id="products">
								<div class="image_main">
									<a href="#" target="_blank"><img src="/images/{{productSome[0].Image}}"/></a>
								</div>

							</div>
						</div>
					</div>
				</div>
				<div class="desc span_3_of_2">
					<h2>{{productSome[0].Title}}</h2>
					<p>{{productSome[0].Description_preview}}</p>

				<div class="share-desc">
					<div class="button" style="position: relative;right: 4px; top: 78px;"><span><a href="download.php?link={{productSome[0].Download_link}}" style="background-color:red;">Download</a></span></div>
				</div>

			</div>
			<div class="clear"></div>
		  </div>
		<div class="product_desc">	
			<div id="horizontalTab">
				<ul class="resp-tabs-list">
					<li>Description</li>
					<li>Technical</li>
					<div class="clear"></div>
				</ul>
				<div class="resp-tabs-container">
					<div class="product-desc">
                        <p>{{productSome[0].Description}}</p>
					</div>



				<div class="review">
                    <div class="row">
                        <div class="col-lg-10">
                            <table class="table table-striped table_desc">
                                <tr>
                                    <td>Title:</td>
                                    <td>{{productSome[0].Title}}</td>
                                </tr>
                                <tr>
                                    <td>File size::</td>
                                    <td>{{productSome[0].File_size}}</td>
                                </tr>
                                <tr>
                                    <td>Requirements:</td>
                                    <td>{{productSome[0].Requirements}}</td>
                                </tr>
                                <tr>
                                    <td>Languages:</td>
                                    <td>{{productSome[0].Languages}}</td>
                                </tr>
                                <tr>
                                    <td>Date added::</td>
                                    <td>{{productSome[0].Date_added}}</td>
                                </tr>
                                <tr>
                                    <td>Author::</td>
                                    <td>{{productSome[0].Author}}</td>
                                </tr>
                                <tr>
                                    <td>Home page:</td>
                                    <td>{{productSome[0].Homepage}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
				</div>
			</div>
		 </div>
	 </div>
	    <script type="text/javascript">
    $(document).ready(function () {
        $('#horizontalTab').easyResponsiveTabs({
            type: 'default', //Types: default, vertical, accordion           
            width: 'auto', //auto or any width like 600px
            fit: true   // 100% fit in a container
        });
    });
   </script>		
                </div>
 	</div>
    </div>
 </div>
      <div class="advertising_middle">
      </div>
      </div>
  <div class="footer">
      <div class="wrap">
          <div class="section group">
              <div class="col_1_of_4 span_1_of_4">
                  <h4>Products</h4>
                  <ul>
                      <li><a href="Products.html">Products</a></li>
                      <li><a href="Products.html">Top products</a></li>
                  </ul>
              </div>
              <div class="col_1_of_4 span_1_of_4">
                  <h4>Information</h4>
                  <ul>
                      <li><a href="about.html">About Us</a></li>
                      <li><a href="contact.html">Contacts</a></li>
                      <li><a href="contact.html">Support</a></li>
                  </ul>
              </div>
              <div class="col_1_of_4 span_1_of_4">
                  <h4>News</h4>
                  <ul>
                      <li><a href="news.html">Top news</a></li>
                      <li><a href="news.html">News</a></li>
                  </ul>
              </div>
              <div class="col_1_of_4 span_1_of_4">
                  <h4>Contact</h4>
                  <ul>
                      <li><span>{{OtherInfo[0].Telephone}}</span></li>
                  </ul>
                  <div class="social-icons">
                      <h4>Follow Us</h4>
                      <ul>
                          <li><a href="#" target="_blank"><img src="images/facebook.png" alt="" /></a></li>
                          <li><a href="#" target="_blank"><img src="images/twitter.png" alt="" /></a></li>
                          <li><a href="#" target="_blank"><img src="images/skype.png" alt="" /> </a></li>
                          <li><a href="#" target="_blank"> <img src="images/dribbble.png" alt="" /></a></li>
                          <li><a href="#" target="_blank"> <img src="images/linkedin.png" alt="" /></a></li>
                          <div class="clear"></div>
                      </ul>
                  </div>
              </div>
          </div>
      </div>
      <div class="copy_right">
          <p>Company Name © All rights Reseverd |</p>
      </div>
  </div>

   <script type="text/javascript">
		$(document).ready(function() {			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
    <a href="#" id="toTop"><span id="toTopHover"> </span></a>

  <script type="text/javascript" src="/js/angular.js"></script>
  <script type="text/javascript" src="/js/AngularControllers/AdminCtrl.js"></script>
  <script type="text/javascript" src="/js/AngularControllers/SliderCtrl.js"></script>
  <script type="text/javascript" src="/js/AngularControllers/ReadMoreCtrl.js"></script>
  <script type="text/javascript" src="/js/AngularControllers/EditCtrl.js"></script>
  <script type="text/javascript" src="/js/angularModules/mainModule.js"></script>
</body>
</html>

